<script setup lang="ts">
</script>
<template>
  <div class="bg-black">
    <v-container class="!pb-80px !pt-70px">
      <div class="flex items-stretch mb-70px">
        <div class="mr-55px">
          <div class="text-18px text-white font-bold mb-30px">关于鲸喜多多</div>
          <div @click="$router.push({name:'aboutUs'})" class="text-16px text-hex-98999B mb-30px cursor-pointer">公司介绍</div>
          <div @click="$router.push({name:'jxdd'})" class="text-16px text-hex-98999B mb-30px cursor-pointer">产品介绍</div>
          <div @click="$router.push({name:'aboutUs'})" class="text-16px text-hex-98999B mb-30px cursor-pointer">企业文化</div>
          <div @click="$router.push({name:'aboutUs'})" class="text-16px text-hex-98999B mb-30px cursor-pointer">企业荣誉</div>
        </div>
        <div class="mr-55px">
          <div class="text-18px text-white font-bold mb-30px">加入鲸喜多多</div>
          <div class="text-16px text-hex-98999B mb-30px cursor-pointer">服务商支持</div>
          <div class="text-16px text-hex-98999B mb-30px cursor-pointer">服务商合作条件</div>
          <div class="text-16px text-hex-98999B mb-30px cursor-pointer">合作类型</div>
          <div @click="$router.push({name:'apply'})" class="text-16px text-hex-98999B mb-30px cursor-pointer">在线申请</div>
        </div>
        <div class="flex-1 mr-170px pl-50px flex flex-col items-end text-white">
          <div class="text-18px text-white font-bold mb-12px">全国免费入驻热线</div>
          <div class="text-30px text-hex-FF582C font-bold">400-1767-828</div>
          <div class="flex-1"></div>
          <div class="flex items-center mb-26px">
            邮箱：jxdd_1688@163.com
            <img src="@/assets/images/mail.png" class="w-20px h-20px ml-30px" alt="">
          </div>
          <div class="flex tracking-1px items-center mb-26px">
            地址：广东省东莞市南城街道鸿福路200号第一国际财富中心6栋1705室
            <img src="@/assets/images/location.png" class="w-20px h-25px ml-30px" alt="">
          </div>
        </div>
        <div>
          <div class="text-18px text-white font-bold mb-17px">关注鲸喜多多</div>
          <div class="text-16px text-hex-98999B mb-30px cursor-pointer">订阅小程序，了解更多</div>
          <v-img :width="120" :height="120" aspect-ratio="1/1" cover src="@/assets/images/miniProgramCode.jpg"></v-img>
        </div>
      </div>
      <div class="flex items-center justify-center">
        <img src="@/assets/images/favicon.ico" class="w-38px h-38px object-contain mr-24px">
        <div class="text-16px">
          版权所有：广东长盈网络科技有限公司
          <a href="https://beian.miit.gov.cn" class="text-hex-8989eb" target="_blank">备案号： 粤ICP备2022040575号</a>
        </div>
      </div>
    </v-container>
  </div>
</template>
<style scoped></style>
